<template>
    <div class="errPage-container">
        <ErrorA />
        <ErrorB />
        <!-- $t is vue-i18n global function to translate lang -->
        <h3>{{ $t("errorLog.tips") }}</h3>
        <aside>
            {{ $t("errorLog.description") }}
            <a target="_blank" class="link-type" href="https://panjiachen.github.io/vue-element-admin-site/guide/advanced/error.html">
                {{ $t("errorLog.documentation") }}
            </a>
        </aside>
        <a href="#">
            <img src="https://wpimg.wallstcn.com/360e4842-4db5-42d0-b078-f9a84a825546.gif" />
        </a>
    </div>
</template>

<script>
import ErrorA from "./components/ErrorTestA";
import ErrorB from "./components/ErrorTestB";

export default {
    name: "ErrorLog1",
    components: { ErrorA, ErrorB },
};
</script>

<style scoped>
.errPage-container {
    padding: 30px;
}
</style>
